
<style type="text/css">

body > header {}

body > nav {
	background: #EBEFF9;
	border-bottom: 1px solid #6B90DA;
	padding: 5px 10px 0 5px;
	white-space: nowrap;
	height: 28px;
}

body > footer{
	clear: both;
	text-align: center;
	margin-top: 3.5em;
	margin-bottom: 1em;
	height: 53px;
	background-repeat: no-repeat;
	background-position: left center;
}



.title {
	font-size: 280%;
	margin: 0;
	padding: 0;
	color: #666;
}
.desc { color:#444; padding-left: 5px }





.tab {
	color:#00c;
	float:left;
	margin:5px 15px 6px 10px;
}

.active {
	background: white;
	border: 1px solid #6B90DA;
	border-bottom: 0;
	color: black;
	cursor: default;
	font-weight: bold;
	margin: 0 5px -1px 0;
	padding: 5px 9px 6px;
	text-decoration: none;
}

#main { text-align: center; }
#main > table {
	width:400px;
	border: 0px solid #ccc;
}
#main tr { text-align: left; }
#main th { width:100px; text-align:right;  }
#main .txt { width: 180px; }
</style>

<header>
<div><b class="title">天天笔记</b><span class="desc">ttbiji.com | 在线记事本 | 网络记事本 | 生活和工作的好帮手</span></div>
</header>

<nav>
<a href="###" class="tab active">文档库</a>
<a href="###" class="tab">意见箱</a>
</nav>

<form>
<div id="main">
	<h3>用户登陆</h3>
	<table align="center">
	<tr>
		<th>用户名：</th>
		<td><input type="text" id="tbx_user" class="txt" /></td>
	</tr>
	<tr>
		<th>登陆密码：</th>
		<td><input type="password" id="tbx_user" class="txt" /></td>
	</tr>
	<tr>
		<td colspan="2" align="center">
			<input type="button" id="btn_login" value="登陆本站" /> &nbsp;
			<input type="reset" value="重新填写" />
		<td>
	</tr>
	</table>
</div>
</form>

<footer>© 2012 – ttbiji.com - Layout based on YAML </footer>